<link rel='stylesheet' href='/stylesheets/detail.css' />
<div class="detail">
    <div class="main">
        <section class="header">
            <h1>自认为逼格很高的网页设计</h1>
            <div class="type">
                <span>
                    <label>分类：</label>
                    <a href="javaScript:;">网页设计</a>
                </span>
                <span>
                    <label>版权：</label>
                    <strong>本教程由网上收集而来，如有侵权请联系管理员。</strong>
                </span>
            </div>
            <div class="other">
                <span><i class="iconfont icon-eye"></i>709</span>
                <span><i class="iconfont icon-star"></i>5</span>
                <span class="comments"><i class="iconfont icon-message"></i>0</span>
                <span><i class="iconfont icon-shijian"></i>2016-12-24</span>
            </div>
        </section>

        <div class="content">
            <p>很久没发作品了，这段时间一直很忙，都没什么时间做练习了，零零散散的时间，做了有3周了，终于把它做完了，页面不多，只有四个主页面，希望能给你带来灵感</p>
            <img src="http://img.ui.cn/data/file/1/9/8/943891.png?imageMogr2/auto-orient/format/jpg/strip/thumbnail/!1800&gt;/quality/90/" title="自认为逼格很高的网页设计" alt="自认为逼格很高的网页设计">
        </div>

        <div class="comments">
            <h3 class="title">最新评论：</h3>
            <div class="list">
                <div class="item">
                    <div class="user-headimg">
                        <img src="https://d13yacurqjgara.cloudfront.net/users/44126/avatars/normal/6d9df7113b4e03b094778c48f6584804.jpg?1446142205" alt="Lamjx">
                    </div>

                    <div class="comments-info">
                        <p><span class="comments-username">BOBO1230</span><span>2016-12-31 09:35</span></p>
                        <p>哇擦好好看，先舔下屏幕！</p>
                    </div>
                </div>

                <div class="item">
                    <div class="user-headimg">
                        <img src="https://d13yacurqjgara.cloudfront.net/users/44126/avatars/normal/6d9df7113b4e03b094778c48f6584804.jpg?1446142205" alt="Lamjx">
                    </div>

                    <div class="comments-info">
                        <p><span class="comments-username">BOBO1230</span><span>2016-12-31 09:35</span></p>
                        <p>哇擦好好看，先舔下屏幕！</p>
                    </div>
                </div>
            </div>

            <div class="no-login">
                <span class="tip">大牛，别默默的看了，快登录帮我点评一下吧！:)</span>
                <div class="go-login">
                    <a href="javaScript:;">立即注册</a>
                    <a href="javaScript:;" class="btn action-btn">立即登录</a>
                </div>
            </div>
            
            <div class="published-comments">
                <textarea></textarea>
                <button>发表评论</button>
            </div>
        </div>
    </div>
    <aside class="detail-aside">
        <div class="action">
            <ul>
                <li>
                    <div class="share">
                        <label><i class="iconfont icon-fenxiang"></i>分享：</label>
                        <span>
                            <i class="iconfont icon-qq"></i>
                            <i class="iconfont icon-qq1"></i>
                            <i class="iconfont icon-weixin1"></i>
                            <i class="iconfont icon-weibo weibo"></i>
                        </span>
                    </div>                    
                </li>
                <li>
                    <label><i class="iconfont icon-shoucang"></i>收藏：</label>
                    <span>1,400</span>
                </li>
            </ul>
        </div>

        <div class="buy">
            <p>
                <label>购买说明：</label>
                本教程为网络收集虚拟货物，暂不支持退款 ，请看好在拍 ！
            </p>
            <p class="money">价格：<strong>$23.00</strong> <a href="javaScript:;">怎么收货 ？</a></p>
            <p class="pay-title">请扫描下面二维码完成付款 :)</p>
            <div class="pay-code">
                <img src="http://www.mikecrm.com/images/logo/mike_weChat.png">
            </div>
        </div>

        <div class="recommended">
            <div class="title">
                <h3>相关课程推荐：</h3>
                <a href="javaScript:;">
                    <small>更多...</small>
                </a>
            </div>
            <ul>
                <li>
                    <a href="javaScript:;">
                        <img src="http://img.ui.cn/data/file/3/8/9/951983.png">
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        <img src="http://img.ui.cn/data/file/8/4/7/949748.jpg">
                    </a>
                </li>
                <li>
                    <a href="javaScript:;">
                        <img src="http://img.ui.cn/data/file/2/3/5/950532.jpg">
                    </a>
                </li>
            </ul>
        </div>

<!--         <div class="other-video">
            <div class="title">
                <h2>其他系列推荐</h2>
                <a href="javaScript:;">
                    <small>更多...</small>
                </a>
            </div>
            <ul>
                <li><a href="javaScript:;">photoShop</a></li>
                <li><a href="javaScript:;">3dMax</a></li>
                <li><a href="javaScript:;">web前端开发</a></li>
                <li><a href="javaScript:;">AI</a></li>
                <li><a href="javaScript:;">Sketch</a></li>
                <li><a href="javaScript:;">moremore</a></li>
            </ul>
        </div> -->
    </aside>
</div>